<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>squareup</title>
    <link rel="stylesheet" href="./css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<header>
    <nav>
    <div class="container">
        <div class="nav-left"></div>
        <div class=" nav-center">
            <a href=""><img src="img/logo.png" alt=""></a>
        </div>
        <div class="nav-right">
            <a href="">
                <span>SIGN IN</span>
                <img src="./img/user.png" alt="">
            </a>
        </div>
    </div>
    </nav>
    <div class="banner">
        <div class="container">
            <div class="col">
                <p>SQUARE POINT SALE</p>
                <h1>The POS software that's simple,powerful,and free</h1>
                <a href="">GET STARTED</a>
            </div>
            <div class="col">
                <img src="./img/banner.png" alt="">
            </div>
        </div>
    </div>
</header>
<main>
            <div class="container">
        <div class="col">
            <img src="img/Download.png" alt="">
            <h3>Doownload free</h3>
            <p>Square point of sale is the perfect point-of-sale system.available in the App Store and Googie Play.It's designed to run on a smarphone or table.on your counter or on the gp.</p>
        </div>
        <div class="col">
            <img src="img/Grow.png" alt="">
            <h3>Doownload free</h3>
            <p>Square point of sale is the point of sale that takes care of digital receipts,inventory,and sales repors and provides valuable analytics and feedback-so you can focus on your customers.</p>
        </div>

        <div class="col">
            <img src="img/Powerful.png" alt="">
            <h3>Doownload free</h3>
            <p>Square point of sale serves businesses big and small, from corner backeries to retailers around the world. It works with hardware and sofware accessories that make It easier to tun your business.</p>

        </div>
        <div class="col">
            <img src="img/Upgrades.png" alt="">
            <h3>Doownload free</h3>
            <p>We'er constantly improving with free updates that equip you with great new features to help you run your buiness more efficiently and effectively.</p>
        </div>
    </div>
    <div class="download">
        <h2>Download Spuare Point of Sale.</h2>
        <p>Square Point of Sale is available in the App Store and on Google Play.</p>
        <p>
            <a href="">
                <img src="./img/appstore.png" alt="">
            </a>
            <a href="">
                <img src="./img/google.png" alt="">
            </a>
        </p>
    </div>
</main>
<footer>
   <div class="container">
       <p style="font-family:微软雅黑">&copy;Square,Inc.</p>
   </div> 
</footer>
</body>
</html>